<template>
    <div class="miaoshalist">
        <div v-for="mlist in list1" :key="mlist.id"><img :src="mlist.imgsrc" alt=""><span>{{mlist.text}}</span></div>
        
    </div>
</template>
<script>
export default {
    name: "MiaoShaList",
    data(){
        return {
            list1:[{id:1,imgsrc:"//m.360buyimg.com/seckillcms/s150x150_jfs/t1/197726/26/1887/64534/610cd64aE7190dca3/e76b6af1cbe00051.jpg.dpg",text:"￥380"},{id:2,imgsrc:"//m.360buyimg.com/seckillcms/s150x150_jfs/t1/96398/8/28996/235462/62848be4E351a158c/40d31edb7dcad8bc.jpg.dpg",text:"￥79"},{id:3,imgsrc:"//m.360buyimg.com/seckillcms/s150x150_jfs/t1/126453/2/19274/119671/60b48428E7399385e/cc9f618e799e144f.jpg.dpg",text:"￥29"},{id:4,imgsrc:"//m.360buyimg.com/seckillcms/s150x150_jfs/t1/116085/17/1522/181990/5e999e85E365201d6/c9be46f3a24d1289.jpg.dpg",text:"￥73"},{id:5,imgsrc:"//m.360buyimg.com/seckillcms/s150x150_jfs/t1/177514/13/28600/226600/634a2668Ef513939c/b01aa8961aee8c44.jpg.dpg",text:"￥99"},{id:6,imgsrc:"//m.360buyimg.com/seckillcms/s150x150_jfs/t1/177794/10/13751/157097/60ebdb15E58b09493/4fd06789ac388bbc.jpg.dpg",text:"￥129"}]
        }
    }
}
</script>
<style lang="less">
.miaoshalist {
    display: flex;
    flex-wrap: wrap;
    width: 355px;
    height: 100px;
    border-radius: 10px;
    div {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        img {
            width: 55px;
            height: 55px;
        }

        span {
            font-size: 14px;
            color: #F2270C;
        }
    }
}
</style>